<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
    <f:view>
        <h:head>
            <title>ElevationSystem</title>
            <h:outputStylesheet name="css/reset.css"/>
            <h:outputStylesheet name="css/style.css"/>
            <h:outputStylesheet name="scripts/jquery.wysiwyg.css"/>
            <h:outputStylesheet name="scripts/colorbox.css"/>
            <h:outputStylesheet name="scripts/colorbox-custom.css" />          

            <style type="text/css">
                div.wysiwyg ul.panel li {padding:0px !important;} /**textarea visual editor padding override**/
            </style> 
            <h:outputScript  name="scripts/jquery-1.3.2.min.js" library="scripts" />
            <h:outputScript  name="scripts/jquery.colorbox-min.js" library="scripts" />
            <h:outputScript  name="scripts/jquery.ui.js" library="scripts" />
            <h:outputScript  name="scripts/jquery.corners.min.js" library="scripts" />
            <h:outputScript  name="scripts/bg.pos.js" library="scripts" />
            <h:outputScript  name="scripts/jquery.wysiwyg.js" library="scripts" />
            <h:outputScript  name="scripts/tabs.pack.js" library="scripts" />
            <h:outputScript  name="scripts/cleanity.js" library="scripts" />          

        </h:head>
        <h:body>
            <div id="container">
                <div id="header">
                    <div id="top">
                        <h1><a href="#">Elevation System</a></h1>
                        <h:form>
                            <p id="userbox">
                                <h:outputText value="Welcome : #{loginController.managerLogin.mnUserName}" rendered="#{not empty loginController.managerLogin}" />
                                <a href="#{request.contextPath}/faces/Admin/Manager/MyInformationManager.xhtml">My Account</a>
                                <h:commandLink value="[Logout]" action="#{loginController.logoutManager}" />
                                <small>Last Login: 24 Oct 2013</small>
                            </p>
                            <span class="clearFix">&nbsp;</span> 
                        </h:form>

                    </div>

                    <c:set var="a" value="#{loginController.managerLogin.mnPermission}"/>          
                    <c:if test="#{a==0}">
                        <div>
                            <ul id="menu">    

                                <li><a href="#{request.contextPath}/faces/Admin/User/UserManagement.xhtml">Users</a></li>
                                <li><a class="top-level" href="#">Employees <span>&nbsp;</span></a>
                                    <ul>
                                        <li><a href="#{request.contextPath}/faces/Admin/Manager/Create.xhtml">Create Manager</a></li>
                                        <li><a href="#{request.contextPath}/faces/Admin/Manager/ManagerManagement.xhtml">Manager Management</a></li>
                                    </ul>
                                </li>
                                <li><a class="top-level" href="#">Elevation <span>&nbsp;</span></a>
                                    <ul>
                                        <li><a href="#{request.contextPath}/faces/Admin/Elevation/Create.xhtml">Add Elevation</a></li>
                                        <li><a href="#{request.contextPath}/faces/Admin/Elevation/ElevationManagement.xhtml">Elevation</a></li>
                                    </ul>
                                </li>
                                <li><a class="top-level" href="#">ElevationType<span>&nbsp;</span></a>
                                    <ul>
                                        <li><a href="#{request.contextPath}/faces/Admin/ElevationType/Create.xhtml">Add ElevationType</a></li>
                                        <li><a href="#{request.contextPath}/faces/Admin/ElevationType/ManagerManagement.xhtml">ElevationType Management</a></li>
                                    </ul>
                                </li>
                                <li><a href="#{request.contextPath}/faces/Admin/Statistic/StatisticOrder.xhtml">StatisticOrder</a></li>
                                <li><a class="top-level" href="#">Statistics</a>
                                    <ul>
                                        <li><a href="#{request.contextPath}/faces/Admin/Statistic/StatisticOrder.xhtml"></a></li>
                                        <li><a href="#{request.contextPath}/faces/Admin/Statistic/StatisticProject.xhtml">Manager Management</a></li>
                                        <li><a href="#{request.contextPath}/faces/Admin/Statistic/StatisticComplaint.xhtml">Manager Management</a></li>
                                    </ul>
                                </li>
                                <li><a href="#{request.contextPath}/faces/Admin/Order/OrderManagement.xhtml">Order</a></li>
                                <li><a href="#{request.contextPath}/faces/Admin/FeedBack/FeedbackManagement.xhtml">Feedback</a></li>
                                <li><a href="#{request.contextPath}/faces/Admin/Complaint/ComplaintManagement.xhtml">Complaint</a></li>
                                <li><a href="#{request.contextPath}/faces/Admin/Project/ProjectManagement.xhtml">Project</a></li>
                            </ul>
                        </div>
                    </c:if>
                    <c:if test="#{a==1}">
                        <div>
                            <ul id="menu">   

                                <li><a href="#{request.contextPath}/faces/Admin/User/UserManagement.xhtml">Users</a></li>
                                <li><a class="top-level" href="#">Elevation <span>&nbsp;</span></a>
                                    <ul>
                                        <li><a href="#{request.contextPath}/faces/Admin/Elevation/Create.xhtml">Add Elevation</a></li>
                                        <li><a href="#{request.contextPath}/faces/Admin/Elevation/ElevationManagement.xhtml">Elevation</a></li>
                                    </ul>
                                </li>
                                <li><a class="top-level" href="#">ElevationType<span>&nbsp;</span></a>
                                    <ul>
                                        <li><a href="#{request.contextPath}/faces/Admin/ElevationType/Create.xhtml">Add ElevationType</a></li>
                                        <li><a href="#{request.contextPath}/faces/Admin/ElevationType/ManagerManagement.xhtml">ElevationType Management</a></li>
                                    </ul>
                                </li>
                                <li><a href="#{request.contextPath}/faces/Admin/Order/OrderManagement.xhtml">Order</a></li>
                                <li><a href="#{request.contextPath}/faces/Admin/FeedBack/FeedbackManagement.xhtml">Feedback</a></li>
                                <li><a href="#{request.contextPath}/faces/Admin/Complaint/ComplaintManagement.xhtml">Complaint</a></li>
                            </ul>
                        </div>
                    </c:if>
                    <div>
                        <c:if test="#{a==2}">
                            <ul id="menu">   
                                <li><a href="#{request.contextPath}/faces/Admin/Project/NhanvienxulyProject.xhtml">Project</a></li>
                            </ul>  </c:if>
                    </div>
                    <span class="clearFix">&nbsp;</span>    </div><!-- end of #header -->

                <div >
                    <div id="mid-col">   
                        <div class="box">      
                            <h4 class="white"><ui:insert name="title">Default Title</ui:insert></h4>
                            <div class="box-container">

                                <ui:insert name="body" >Default Body</ui:insert>


                            </div>
                        </div> <!-- end of div#mid-col -->
                    </div>
                    <span class="clearFix">&nbsp;</span>
                </div><!-- end of div#content -->
                <div class="push"></div>
            </div>

            <!-- end of #container -->

            <div id="footer-wrap">
                <div id="footer">
                    <div id="footer-top">
                        <div class="align-left">
                            <h4>Menu</h4>
                            <p><a href="#{request.contextPath}/faces/Admin/Elevation/ElevationManagement.xhtml">Elevation</a> | <a href="#{request.contextPath}/faces/Admin/User/UserManagement.xhtml">Users</a> | <a href="#{request.contextPath}/faces/Admin/Manager/ManagerManagement.xhtml">Manager</a>| <a href="#{request.contextPath}/faces/Admin/Order/OrderManagement.xhtml">Order</a> | <a href="#{request.contextPath}/faces/Admin/FeedBack/FeedbackManagement.xhtml">Feedback</a> | <a href="#{request.contextPath}/faces/Admin/Project/ProjectManagement.xhtml">Projects</a></p>
                        </div>
                        <div class="align-right">
                            <h2><a href="#">Elevation System</a></h2>
                        </div>
                        <span class="clearFix"></span>        </div><!-- end of div#footer-top -->

                    <div id="footer-bottom">
                        <p>&copy; Project sem 4</p>
                    </div>
                </div>
            </div>

        </h:body>
    </f:view>
</html>

